<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue事件的基本使用</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<!--    <button id ="one" @click="show()">点击我弹出事件</button>-->
    <button id ="one" v-on:click="show(event)">点击我弹出事件</button>
</body>
<!--
    事件的某本使用:
        1.使用v-on:xxx或@xxx 定事件，其中xxx是事件名;
        2.事件的回调需要配置在methods对象中，最终会在vm上;
        3.methods中配置的所数，不要用箭头函数!否者this就不是vm了;
        4.methods中配置的函数，都是被Vue所管理的函数，this的指向是vm或组件实例对象;
        5.@click="demo"和 @click="demo($event)” 效果一致，但后者可以传参;
-->
<script>
    Vue.config.productionTip = false;
    new Vue({
        el: '#one',
        data: {
            name: '长沙'
        },
        methods: {
            show() {
                alert('点击了');
            }
        }
    });
</script>
</html>